window.addEventListener('load',function(){
	
	// 首页开始
	var test1 = new Swiper('.swiper-test1',{
		// loop:true,//循环
		// autoplay:{
		// 	 delay:5000,
		// },
		// speed: 1000,//切换的事件间隔
		navigation:{
			nextEl: '.swiper-test1 .swiper-button-next',
			prevEl: '.swiper-test1 .swiper-button-prev',
			disabledClass: 'my-button-disabled',
		},
		on:{
			init:function(swiper){
				console.log('当前的slice序号是'+this.activeIndex);    
			},
		transitionEnd:function(){
			console.log(this.realIndex);
		},
		}
	})
	
	// 联系我们开始
	var test4 = new Swiper('.swiper-test4',{
		            slidesPerView: 7,
					 navigation:{
						 nextEl: '.lianxiwomen-content .swiper-button-next',
						 prevEl: '.lianxiwomen-content .swiper-button-prev',
					 },
	})
	// 联系我们结束
	$('.list1 li').click(function(){
		// console.log($(this).index());
		var index = $(this).index();
		$(this).addClass('active').siblings().removeClass('active');
		$('.tab1-content .items').eq(index).addClass('show').siblings().removeClass('show');
	})
	
	//jq效果
	$(window).scroll(function(){
		if($(this).scrollTop()>200 ){
			$('.tab1-content .show ul li').animate({
				left:"0px",
			},1000);
		}
	})
	
	// 品牌轮播
	var test2 = new Swiper('.swiper-test2',{
					 slidesPerView: 5,
					 slidesPerGroup: 6,  
					 slidesPerColumn: 2,
					 spaceBetween: 22,
					 navigation:{
						 nextEl: '.pinpaihezuo-content .swiper-button-next',
						 prevEl: '.pinpaihezuo-content .swiper-button-prev',
					 },
					 	// 监听swiper事件
					on:{
						init:function(swiper){
							//Swiper初始化了
							console.log('当前的slice序号是'+this.activeIndex);//或者swiper.activeIndex，swiper与this都可指代当前swiper实例        
						},
						// 切换完毕
						transitionEnd:function(){
							//swiper属性 realIndex当前的活跃项的索引从0开始
							console.log(this.realIndex);
						}
						
					}
	})
	
// 亚太覆盖选项卡开始
$('.ditu li').click(function(){
	console.log($(this).index());
		var index = $(this).index();
		$(this).addClass('active').siblings().removeClass('active');
		$('.xianqing li').eq(index).addClass('show').siblings().removeClass('show');
	})
// 亚太覆盖选项卡结束
// 首页结束

// 关于我们开始
   var test3 = new Swiper('.swiper-test3',{
	            slidesPerView: 7,
   				 navigation:{
   					 nextEl: '.lunbo-swiper .swiper-button-next',
   					 prevEl: '.lunbo-swiper .swiper-button-prev',
   				 },
   })
// 关于我们结束

// 定时器开始
       $(window).scroll(function(){
       	if($(this).scrollTop()>300){
			 var  dingshiqi1 = document.querySelector(".dingshiqi1");
			 var  dingshiqi2 = document.querySelector(".dingshiqi2");
			 var  dingshiqi3 = document.querySelector(".dingshiqi3");
			 var t1 = dingshiqi1.innerHTML;
			 var t2 = dingshiqi2.innerHTML;
			 var t3 = dingshiqi3.innerHTML;
			 var timer = setInterval(function(){
				 if(t1<35){
					 t1++;
					 dingshiqi1.innerHTML = t1;
				 }else{
					 clearInterval(timer);
				 }

			 },10);
			 var timer2 = setInterval(function(){
				 if(t2<41){
				 	t2++;
				 	dingshiqi2.innerHTML = t2;
				 }else{
				 	clearInterval(timer2);
				 }
			 },10);
			 var timer3 = setInterval(function(){
				 if(t3<450){
				 	t3++;
				 	dingshiqi3.innerHTML = t3;	
				 }else{
				 	clearInterval(timer3);
				 }
			 },1);
       	}
       })
// 定时器结束

// 投资选项卡
$('.swiper-test3 .swiper-slide').click(function(){
		// console.log($(this).index());
		var index = $(this).index();
		$(this).addClass('active').siblings().removeClass('active');
		$('.tab-touzizhe .tab-touzizhe111').eq(index).addClass('show').siblings().removeClass('show');
	})
	
	
// 音频背景
// 1.实例化音频
			var sound = new Howl({
				// 对象里边初始化配置
				src:"../js/nanhai.mp3",//第一种写法
				// src:['../js/nanhai.mp3','a.mp3','b.ogg'],//第二种写法 让浏览器自动识别可以播放的音频文件
				
				//自动播放 true表示自动播放
				autoplay:true,
				
				// 循环播放 true表示循环 
				loop:true,
				
				
				// 音量 从0-1 默认1
				volume:0.5,
				
			})




})